import React, { Component } from 'react'
import { CountConsumer } from '../../countStore'

export default class Counter extends Component {
    render() {
        return (
            // 使用CounterConsumer来接收count
            <CountConsumer>
                {
                    // 注意：Consumer的children必须是一个方法，这个方法有一个参数，这个参数就是Provider的value 
                    (arg) => {
                        return <span>{arg.count}</span>
                    }
                }
            </CountConsumer>
        )
    }
}
